<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <style>
        * {
            margin: 0px;
            padding: 0px;
        }
        input:focus {
            background-color: cornsilk;
        }
        body {
            font: "Microsoft Yahei" 16px;
            background-image: url(images/dl.jpg);
            background-position: center;
            background-repeat: no-repeat;
            background-size:  100%;
        }
        a:hover {
            color: crimson;
        }
a {
    text-decoration: none;
    color: black;
}
table {
    text-align: center;
}
.login {
display: block;
width: 200px;
height: 40px;
background-color:blue;
border-radius: 20px;
text-align: center;
line-height: 30px;
}
.dl {
   width: 600px;
   height: 600px;
   margin: 50px auto;
   
}
.dl table {
    width: 500px;
    height: 500px;
    font-size: 20px;
}
input {
    width: 180px;
    height: 25px;
}
    </style>
</head>
<body>
    <div class="dl"><form action="demo.php" method="POST" name="个人信息"><table>
        <tr><th><label for="login">账号</label></th><td></td><td><input  id=login type="number" value="请输入账号" maxlength="10"></td></tr>
        <tr><th><label for="passwd">密码：</label></th><td></td><td> <input  id=passwd type="password" ></td></tr>
        <tr><td><input type="checkbox" name="login">自动登录</td><td></td><td><input type="checkbox" name="login">记住密码</td></tr>
        <tr><td></td><th><a  class="login" href="index.html" >登录</a></th><td></td></tr> 
        <tr><th><a href="registered.html" >注册账号</a></th><td></td><th><a href="forgetpasswd.html" >忘记密码</a></th></tr>
            </table>
  </form>
    </div>
</body>
</html>